{literal}
<script type="text/javascript">
	$(document).ready(function() {

		$('#frForm').bootstrapValidator({
			fields : {
				precio : {
					validators : {
						digits : {
							message : 'El precio solo pueden ser numeros'
						},
						notEmpty : {
							message : 'Ingrese un precio por favor'
						}
					}
				},
				creditos : {
					validators : {
						notEmpty : {
							message : 'Ingrese la cantidad de creditos por favor'
						}
					}
				},
				descripcion : {
					validators : {
						notEmpty : {
							message : 'Ingrese una descripcion por favor'
						}
					}
				}
				
			}
		});
	});
			mesesMap = ["","Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"];
			tipoMap = {};
			tipoMap['P']="Parcial";
			tipoMap['T']="Total";

			$(document).ready(
		function() {
			$('#fechaInp').datepicker({
				  format: "dd/mm/yyyy",
				    language: "es",
				    autoclose: true
			});
			});
	


function editar(id){
	$('#modalLabel').html('Editar feriado Nro ' + id );
	var dataString = 'idFeriado=' + id;
$.ajax({
type : "POST",
url : "feriados.php?operacion=getById",
data : dataString,
cache : false,
success : function(result) {
	var frJson = jQuery.parseJSON( result );
	$('#accion').val("update");
	$('#idFr').val(frJson.id);
	var day = new Date(frJson.anio, parseInt(frJson.mes)-1 , frJson.dia);

	$('#fechaInp').val(app.utils.Date.toChar( day, 'dd/mm/yyyy' ));
	$('#tipoSelect').val(frJson.tipo);	
	$("#idFrDiv").show();
}
});
	
	$('#frModal').modal("show");	
}

function eliminar(id){
	$('#idDelete').html(id);
	$('#idFr').val(id);
	$('#deleteModal').modal("show");	
}

$(document).ready(function() {
						$("#nuevaBtn").click(
								function() {
									$('#modalLabel').html('Nuevo feriado');
									$('#accion').val("alta");
									$('#idFr').val("");
									$('#descripcion').val("");
									$('#creditos').val("");
									$('#precio').val("");
									$('#frModal').modal();
									$("#idFrDiv").hide();
								    	
								});


			$("#deleteBtn").click(
					function() {
						var id = $("#idFr").val();
						// Returns successful data submission message when the entered information is stored in database.
						var dataString = 'idFr=' + id;
// 								+ '&accion=' + accion;
						$.ajax({
							type : "POST",
							url : "feriados.php?operacion=delete",
							data : dataString,
							cache : false,
							success : function(result) {
								var deleteFeriadosJson = jQuery.parseJSON( result );
								$("#tablaa").bootstrapTable('remove', {
						            field: 'id',
						            values: id
						        });
								$('#deleteModal').modal('toggle');

							}
						});
						return false;
					});



    $('#libre').change(function() {
        if($(this).is(":checked")) {
        	$('#creditos').val('0');
        	$('#creditosDiv').css("display","none");
        }else{
        	$('#creditosDiv').css("display","block");
        	$('#creditos').focus();
        }
    });

			$("#confirmar").click(
					function() {
						
						$('#frForm')
						.data('bootstrapValidator').validate();
						if(!$('#frForm')
								.data('bootstrapValidator').isValid()){
							return;
						}
						
						var id = $("#idFr").val();
						var fecha = $("#fechaInp").val();
						var tipo = $("#tipoSelect").val();
						// Returns successful data submission message when the entered information is stored in database.
						var dataString = 'idFr=' + id + '&fecha='
								+ fecha + '&tipo=' + tipo;
// 								+ '&accion=' + accion;
						$.ajax({
							type : "POST",
							url : "feriados.php?operacion=alta",
							data : dataString,
							cache : false,
							success : function(result) {
								var newFeriadosJson = jQuery.parseJSON( result );
								$("#tablaa").bootstrapTable('insertRow', {
						            index: 0,
						            row: newFeriadosJson
						        });
								
								$('#frModal').modal('toggle');
								

							}
						});
						return false;
					});
});




$('body').on('hidden.bs.modal', '.modal', function () {
    $(this).removeData('bs.modal');
});
function mesFormatter(value) {
	return mesesMap[parseInt(value)];
}
function tipoFormatter(value) {
    return tipoMap[value];
}
function operateFormatter(value, row, index) {
    return [
        '<a class="edit" href="javascript:void(0)" title="Editar">',
        '<i class="glyphicon glyphicon-edit"></i>',
        '</a>  ',
        '<a class="remove" href="javascript:void(0)" title="Eliminar">',
        '<i class="glyphicon glyphicon-remove"></i>',
        '</a>'
    ].join('');
}
window.operateEvents = {
    'click .edit': function (e, value, row, index) {
    	indice = index;
        editar(row.id);
    },
    'click .remove': function (e, value, row, index) {
        eliminar(row.id);
    }
};
</script>

{/literal}

<div id="toolbar">
<button  id=nuevaBtn type="button" class="btn btn-primary">Nuevo
				feriado</button>
</div>
<table data-toggle="table"
       data-toolbar="#toolbar"
       data-url="feriados.php?operacion=getAll" id="tablaa" 
       data-show-refresh="true"
       data-show-toggle="true"
       data-show-columns="true"
       data-height="700"
       class="table table-striped">
    <thead>
    <tr>
        <th data-field="id">ID</th>
        <th data-field="dia" >D&iacute;a</th>
        <th data-field="mes" data-formatter="mesFormatter">Mes</th>
        <th data-field="anio">A&ntilde;o</th>
        <th data-field="tipo" data-formatter="tipoFormatter">Tipo</th>
        <th data-formatter="operateFormatter" data-events="operateEvents"></th>
    </tr>
    </thead>
</table>

<!-- Modal -->
<div class="modal fade" id="deleteModal" tabindex="1" role="dialog"
	aria-labelledby="deleteModalLabelled" aria-hidden="true">
	<div class="modal-dialog modal-sm">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal">
					<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
				</button>
				<h4 class="modal-title">Eliminar...</h4>
			</div>
			<div class="modal-body">
				Esta seguro que desea eliminar el feriado nro <span id="idDelete"></span>
			</div>

			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
				<button type="button" class="btn btn-danger" id="deleteBtn">Eliminar</button>
			</div>
		</div>
	</div>
</div>
<!-- Modal -->
<div class="modal fade" id="frModal" tabindex="-1" role="dialog"
	aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-sm">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal">
					<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
				</button>
				<h4 class="modal-title" id="modalLabel"></h4>
			</div>
			<div class="modal-body">


				<form role="form" action="feriados.php" id="frForm" method="post">

					<input type="hidden" id="accion" name="accion">
					<div class="form-group" id="idFrDiv" style="display: none;">
						<label for="idFr">ID</label> <input type="text"
							class="form-control" id="idFr" name="idFr" disabled>
					</div>

					<div class="form-group">
						<label for="fechaInp">Fecha</label> 
					<input type="text" type="text" class="form-control" id="fechaInp" placeholder="Seleccione una fecha">
												
					</div>
					
					<div class="form-group">
						<label for="tipoSelect">Tipo</label> <select
							class="form-control" id="tipoSelect" name="tipoSelect">
							<option	value="0">Elige un tipo de feriado</option>
							<option	value="P">Parcial</option>
							<option	value="T">Total</option>
								
								</select>
					</div>

				</form>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
					<button type="button" class="btn btn-primary" id="confirmar">Confirmar</button>
				</div>
			</div>
		</div>
	</div>